<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="less/swiper.css"/>
		<link rel="stylesheet" type="text/css" href="js/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="less/1.css"/>
	</head>
	<body class="all">
		<div class="swiper-container " id="all">
		    <div class="swiper-wrapper">
		        <div class="swiper-slide" v-for="(v,i) in img">
		        	<img id="img"  v-bind:src=v />
		        </div>
		        
		    </div>
 
		</div>
		
		
		<script src="js/flexible.debug.js"></script>
		<script src="js/flexible_css.debug.js"></script>
		<script src="js/vue.js"></script>
		<script src="js/jquery.min.js"></script>
		<script src="js/js/swiper.min.js"></script>
		<script>
			var vue1 = new Vue({
					el:".swiper-container",
					data:{
					   img:""
					},
				    methods:{
					   	
				   	},
				   	mounted(){   		
				   		this.img = JSON.parse(sessionStorage.count) ;
				   		console.log(this.img)
				   		var mySwiper = new Swiper ('.swiper-container', {
						    direction: 'horizontal',
						    autoplay :true,
			
						  })
				   	}
			
				})
			   
		</script>
	</body>
</html>
